<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:choose>
	<c:when test="${sessionScope.mvo!=null}">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		
		// 비밀번호 입력하는 text 입력폼에 포커스가 이동하면 비워줌.
		// 포커스가 벗어나는데, 아무것도 입력하지 않은 경우에는 value를 비워줌.
		$("input[name=password]").click(function(){
			$(this).val("");
			$(this).attr({
				type:"password"
			});
		}).focusout(function(){
			if($(this).val()==""){
				$(this).attr({
					type:"text"
				});
				$(this).val("비밀번호");
			}
		});
		// 입력란 공란체크하고 서버로 전송
		$("#confirm").click(function(){
			if($("input[name=password]").val()=="비밀번호"){
				$("#messsage>p").text("비밀번호를 입력하세요");
			}else{
				var dataString = $("form[name=confirmForm]").serialize();
				$.ajax({
					type:"post",
					url:"confirmPass.do",
					dataType:"json",
					data:dataString,
					success:function(jsonData){
						if(jsonData){
							//비밀번호 체크 성공 -> 회원 탈퇴 버튼있는 화면으로 넘어 간다.
							location.href="moveWithdrawal.do";
						}else{
							//비밀번호 체크 실패
							$("#messsage>p").text("비밀번호를 다시입력해주시기 바랍니다.");
							
						}
						
					}
				});
				//$("form[name=confirmForm]").submit();
			}
		});
	});//ready
</script>
<style>
	#confirmContainer{
		height: 350px;
	}
	#form{	
			margin-top: 100px;
			margin-bottom:10px;
	}
	#input{	
			margin-left:33%;
			float: left;
			color: gray;
	}
	#confirm{
			padding-top: 5px;
			padding-left: 5px;
			background-color: lime;
			float: left;
			width: 45px;
			height: 20px;
	}
	#messsage{
			width:199px;
			padding:5px;
			margin-left:33%;
			font-size:10px;
			clear: both;
	}
	
</style>
		<div id="confirmContainer">
			<div id="form">
				<form name="confirmForm" method="post" action="confirmPass.do">
					<div id="input">
						<input type="hidden" name="id" value="${sessionScope.mvo.id}">
						<input type="text" name="password" value="비밀번호">
					</div>
					<div id="confirm">
						확인
					</div>
				</form>
			</div>
			<div id="messsage">
				<p>
					비밀번호를 입력해주세요. <br>
					회원탈퇴를 하기 위해서는 비밀번호 확인이 필요합니다.
				</p>
			</div>
		</div>
	</c:when>
	<c:otherwise>
		<script type="text/javascript">
		var path ="withdrawal/withdrawal.mypage";
		location.href="loginResult.do?path="+path;
		</script>
	</c:otherwise>
</c:choose>
